const client = {
  state: {
    clientWidth: 0,
    clientHeight: 0,
    breadcrumbHeight: 0,
    asideMenuCollapsed: false,
  },
  mutations: {
    clientWidth(state, clientWidth) {
      state.clientWidth = clientWidth;
    },
    clientHeight(state, clientHeight) {
      state.clientHeight = clientHeight;
    },
    breadcrumbHeight(state, breadcrumbHeight) {
      state.breadcrumbHeight = breadcrumbHeight;
    },
    asideMenuCollapsed(state, asideMenuCollapsed) {
      state.asideMenuCollapsed = asideMenuCollapsed;
    },
  },
  actions: {
    updateBreadcrumbHeight({commit}, breadcrumbHeight) {
      commit('breadcrumbHeight', breadcrumbHeight);
    },
    updateAsideMenuCollapsed({commit}, asideMenuCollapsed) {
      commit('asideMenuCollapsed', asideMenuCollapsed);
    },
  }
};

export default client;
